<?php if ($error!=''){ ?>
<h3 class="alert_error"><?php echo $error;?></h3>
<?php }?>
<form action="<?php echo site_url();?>/login" method="POST" id="login-form">
<article class="module width_half" style="margin-bottom: 20px;">
	<header><h3>Đăng nhập</h3></header>
	<div class="module_content">
		<table width="100%" cellspacing="2" cellpadding="0" border="0" bgcolor="#dcdcdc">
			<tbody>
				<tr>
					<td width="450px">
						<div stype="float:left;" width="40%">
							<h3><b>Sinh viên</b>/<b>Giảng viên</b> Đại học Công nghệ đăng nhập tại đây</h3>
							<input type="text" placeholder="Tên truy cập"name="username" value="<?php echo $username;?>" style="width:30%;"><font style="font-weight:bold;font-size:16px;">@vnu.edu.vn</font>
							<input type="password" name="password" placeholder="Mật khẩu" value="" style="width:55%;">
						</div>
					</td>
					<td><div class="clear"></div></td>
					<td><div stype="float:left;" width="10" bgcolor="#ffffff" colspan="2"></div></td>
					<td><div class="clear"></div></td>
					<td>
						<div stype="float:left;" width="50%">
							<h3><b>Công ty thực tập</b> đăng nhập tại đây</h3>
								<input type="text" name="email" value="<?php echo $username;?>" placeholder="Email" style="width:60%;">
								<input type="password" name="password_c" value="" style="width:60%;" placeholder="Mật khẩu">
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div>
	<div style="float:right;">
	<a href="<?php echo site_url();?>/forgotpassword" style="padding-right: 20px;">Quên mật khẩu</a><br>
	</div>
	<div class="clear"></div>
	<div class="example2" style="padding-left: 20px;">
		<p>Người dùng là sinh viên hoặc giảng viên trường Đại học Công nghệ đăng ký bằng tài khoản email vnu.<br>
			Với công ty thực tập, vui lòng kiểm tra email đã đăng ký với văn phòng khoa để nhận mật khẩu được gửi tới.<br>
		</p>
	</div>
	</div>
	<footer>
		<div class="submit_link">
			<input type="submit" value="Đăng nhập" class="alt_btn">
			<input type="reset" value="Xóa">
		</div>
	</footer>
</article>
</form>

<script type="text/javascript">
$(document).ready(function(){	
    $('.example2').hide().before('<a href="#" id="toggle-example2" class="button" style="padding-left: 20px;">Hướng dẫn</a>');
	$('a#toggle-example2').click(function() {
		$('.example2').slideToggle(1000);
		return false;
	});
});
</script>